<template>
  <h2>我是About的内容</h2>
</template>

<script>
    export default {
        name:'About',
        // 进入守卫：通过路由规则，'进入'该组件时被调用
        beforeRouteEnter (to, from, next) {
          console.log('--beforeRouteEnter--','目标路由:',to,'来源路由:',from);

          if(to.path === '/about'){
              if(localStorage.getItem('schoolName') === 'gxkjsf'){ // 这里使用本地存储自己加的schoolName做个权限测试
                  next(); // 放行（它也可以写成next('路径')）
              }else{
                  alert('无权限')
              }
          }else{
              next();
          }
        },

        // 离开守卫：通过路由规则，'离开'该组件时被调用
        beforeRouteLeave (to, from, next) {
          console.log('--beforeRouteLeave--','目标路由:',to,'来源路由:',from);
          next();
        },
        
        // mounted(){
        //   console.log("About组件挂载完毕")
        // },
        // beforeDestroy(){
        //   console.log("About组件即将被销毁了")
        // }
    }
</script>